<link rel="stylesheet" type="text/css" href="css/sharemess.css">
<div class="box-header">
	<h3 class="box-title">我共享的</h3>
	<a class="btn btn-sm btn-default thisrefresh" href="javascript:void(0);" title="刷新" style="padding: 5px;margin-top: -8px;">
		<span class="glyphicon glyphicon-refresh"></span>
	</a>
	<div class="box-tools">
		<div class="input-group" style="width: 150px;">
			<input type="text" class="form-control input-sm searchbaseKey" placeholder="查找..." value="">
			<div class="input-group-btn">
				<a class="btn btn-sm btn-default searchbaseKeySumbit"> 
					<span class="glyphicon glyphicon-search"></span>
				</a>
			</div>
		</div>
	</div>
</div>
<div style="margin-bottom:20px;">
	<div class="sharemess">
		<div class="sharecontent">
			<div>
				<div class="sharecontent-left" style="height: 30px;">
					你将联系人:
					<a href="javascript:void(0);" class="othershow" title="" thistel="18899999900" thissex="女" thisemail="1899999@qq.com" thiscompany="辣条有限公司+百度" data-original-title="张奇风">
						<img src="/image/timg.jpg" class="img-circle" style="width:24px;height:24px">
						<span> 张奇风,18899999900</span>
					</a>
					共享给了:
						<a href="javascript:void(0);" class="usershow" title="" thisdept="研发部" thisrole="部门经理" thistel="18173328888" thisemail="164@qq.com" data-original-title="小李父斯基">
							<img src="/image/fiveman.jpeg" class="img-circle" style="width:24px;height:24px"> 小李父斯基
						</a>
				</div>
				<div class="share-right" style="height:30px;">
					<div style="display: inline-block;">
						<span>状态:</span>
							<span class="label label-default">未处理</span>
					</div>
					<p style="float: right;margin:0;">2019-1-20 3:11:46</p>
				</div>
			</div>
		</div>
	</div>
	<div class="sharemess">
		<div class="sharecontent">
			<div>
				<div class="sharecontent-left" style="height: 30px;">
					你将联系人:
					<a href="javascript:void(0);" class="othershow" title="" thistel="18899999900" thissex="女" thisemail="1899999@qq.com" thiscompany="辣条有限公司+百度" data-original-title="张奇风">
						<img src="/image/timg.jpg" class="img-circle" style="width:24px;height:24px">
						<span> 张奇风,18899999900</span>
					</a>
					共享给了:
						<a href="javascript:void(0);" class="usershow" title="" thisdept="研发部" thisrole="职员" thistel="13117336953" thisemail="1057@qq.com" data-original-title="瑞王">
							<img src="/image/threeman.jpeg" class="img-circle" style="width:24px;height:24px"> 瑞王
						</a>
				</div>
				<div class="share-right" style="height:30px;">
					<div style="display: inline-block;">
						<span>状态:</span>
							<span class="label label-default">未处理</span>
					</div>
					<p style="float: right;margin:0;">2018-2-3 22:34:09</p>
				</div>
			</div>
		</div>
	</div>
	<div class="sharemess">
		<div class="sharecontent">
			<div>
				<div class="sharecontent-left" style="height: 30px;">
					你将联系人:
					<a href="javascript:void(0);" class="othershow" title="" thistel="18899999900" thissex="女" thisemail="1899999@qq.com" thiscompany="辣条有限公司+百度" data-original-title="张奇风">
						<img src="/image/timg.jpg" class="img-circle" style="width:24px;height:24px">
						<span> 张奇风,18899999900</span>
					</a>
					共享给了:
						<a href="javascript:void(0);" class="usershow" title="" thisdept="财务部" thisrole="职员" thistel="18868688866" thisemail="164@qq.com" data-original-title="盛如思">
							<img src="/image/nineman.jpeg" class="img-circle" style="width:24px;height:24px"> 盛如思
						</a>
				</div>
				<div class="share-right" style="height:30px;">
					<div style="display: inline-block;">
						<span>状态:</span>
							<span class="label label-default">未处理</span>
					</div>
					<p style="float: right;margin:0;">2017-10-14 16:48:39</p>
				</div>
			</div>
		</div>
	</div>
	<div class="sharemess">
		<div class="sharecontent">
			<div>
				<div class="sharecontent-left" style="height: 30px;">
					你将联系人:
					<a href="javascript:void(0);" class="othershow" title="" thistel="18877665544" thissex="男" thisemail="153@gmail.com" thiscompany="google公司" data-original-title="王五">
						<img src="/image/timg.jpg" class="img-circle" style="width:24px;height:24px">
						<span> 王五,18877665544</span>
					</a>
					共享给了:
						<a href="javascript:void(0);" class="usershow" title="" thisdept="人事部" thisrole="职员" thistel="13117336954" thisemail="aaluoxiang@foxmail.com" data-original-title="刘恋">
							<img src="/image/oneman.jpeg" class="img-circle" style="width:24px;height:24px"> 刘恋
						</a>
				</div>
				<div class="share-right" style="height:30px;">
					<div style="display: inline-block;">
						<span>状态:</span>
							<span class="label label-success">已处理</span>
					</div>
					<p style="float: right;margin:0;">2017-10-14 16:48:06</p>
				</div>
			</div>
		</div>
	</div>
	<div class="sharemess">
		<div class="sharecontent">
			<div>
				<div class="sharecontent-left" style="height: 30px;">
					你将联系人:
					<a href="javascript:void(0);" class="othershow" title="" thistel="18877665544" thissex="男" thisemail="153@gmail.com" thiscompany="google公司" data-original-title="王五">
						<img src="/image/timg.jpg" class="img-circle" style="width:24px;height:24px">
						<span> 王五,18877665544</span>
					</a>
					共享给了:
						<a href="javascript:void(0);" class="usershow" title="" thisdept="人事部" thisrole="职员" thistel="13117336953" thisemail="1057@qq.com" data-original-title="陈晓吉">
							<img src="/image/nineman.jpeg" class="img-circle" style="width:24px;height:24px"> 陈晓吉
						</a>
				</div>
				<div class="share-right" style="height:30px;">
					<div style="display: inline-block;">
						<span>状态:</span>
							<span class="label label-default">未处理</span>
					</div>
					<p style="float: right;margin:0;">2017-10-14 16:42:22</p>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="box-footer no-padding" style="margin-top: -20px;">
	<div style="padding: 5px;">
		<div id="page" style="background: #fff; border: 0px; margin-top: 0px; padding: 2px; height: 25px;">
			<div style="width: 40%; float: left;">
				<div class="pageInfo" style="margin-left: 5px;">
					共<span>17</span>条 | 每页<span>5</span>条
					| 共<span>4</span>页
				</div>
			</div>
			<div style="width: 60%; float: left;">
				<div class="pageOperation">
				<!--判断是否是第一页  -->
					<a class="btn btn-sm btn-default no-padding tablefirst" disabled="disabled" style="width: 30px; height: 20px;"> <span class="glyphicon glyphicon-backward"></span></a> 
					<a class="btn btn-sm btn-default no-padding tableup" disabled="disabled" style="width: 30px; height: 20px;"> <span class="glyphicon glyphicon-triangle-left"></span></a> 
				<a disabled="disabled" class="btn btn-default no-padding" style="width: 30px; height: 20px;">
						1
				</a>
				<!--判断是否是最后一页  -->
					<a class="btn btn-sm btn-default no-padding tabledown" style="width: 30px; height: 20px;"> <span class="glyphicon glyphicon-triangle-right"></span></a> 
					<a class="btn btn-sm btn-default no-padding tablelast" style="width: 30px; height: 20px;"> <span class="glyphicon glyphicon-forward"></span></a> 
				</div>
			</div>
		</div>
	</div>
</div>
<script>
		/* 分页插件按钮的点击事件 */
		/* url是从后台接收过来的链接，sort是记录排序规则 */
		$('.tablefirst').on('click',function(){
			 if(true==false){
				 $('.thistable').load('mesharemess?page=0');
			 }
		});
		$('.tableup').on('click',function(){
			 if(true==false){
				 $('.thistable').load('mesharemess?page=-1');
			 }
		});
		$('.tabledown').on('click',function(){
			if(false==false){
				$('.thistable').load('mesharemess?page=1');
			 }
		});
		$('.tablelast').on('click',function(){
			if(false==false){
				$('.thistable').load('mesharemess?page=3');
			 }
			
		});
		
		/*类型、状态、时间的排序  */
		$('.thistype').on('click', function() {
			if ($(this).children().hasClass('glyphicon-triangle-bottom')) {
				$('.thistable').load('mesharemess?type=0&icon=glyphicon-triangle-top');
			} else {
				$('.thistable').load('mesharemess?type=1&icon=glyphicon-triangle-bottom');
			}
		});
		$('.thisstatus').on('click', function() {
			if ($(this).children().hasClass('glyphicon-triangle-bottom')) {
				$('.thistable').load('mesharemess?status=0&icon=glyphicon-triangle-top');
			} else {
				$('.thistable').load('mesharemess?status=1&icon=glyphicon-triangle-bottom');
			}
		});
		$('.thistime').on('click', function() {
			if ($(this).children().hasClass('glyphicon-triangle-bottom')) {
				$('.thistable').load('mesharemess?time=0&icon=glyphicon-triangle-top');
			} else {
				$('.thistable').load('mesharemess?time=1&icon=glyphicon-triangle-bottom');
			}
		});
		$('.thisvisit').on('click', function() {
			if ($(this).children().hasClass('glyphicon-triangle-bottom')) {
				$('.thistable').load('mesharemess?visitnum=0&icon=glyphicon-triangle-top');
			} else {
				$('.thistable').load('mesharemess?visitnum=1&icon=glyphicon-triangle-bottom');
			}
		});
		/* 查找 */
		$('.baseKetsubmit').on('click', function() {
			var baseKey = $('.baseKey').val();
			console.log(baseKey);
			$('.thistable').load('mesharemess?baseKey='+baseKey+'');
		});
</script><script>
$('.searchbaseKeySumbit').on('click', function() {
	var baseKey = $('.searchbaseKey').val();
	console.log(baseKey);
	$('.thistable').load('mesharemess?baseKey='+baseKey+'');
});
</script>
<script type="text/javascript" src="js/usershow.js"></script>